<template>
    <div>
        <h2>你好，世界！</h2>
        <p class="text-justify">
            欢迎使用<strong>IT工具集</strong>！这个出色的网站最初由<a href="//corentin-thomasset.fr">Corentin Thomasset</a>用心创建，聚合了每位开发者偶尔可能需要的一系列实用工具。别忘了将<strong>IT工具集</strong>添加到你的快捷栏（按<code>{{ isMacOS ? 'Cmd' : 'Ctrl' }} + D</code>）。
        </p>


        <v-row>
            <v-col cols="12" lg="6" md="12">
                <h2>缺少某个工具？</h2>
                <p class="text-justify">
                    如果你需要的工具目前不在此处，并且认为它很有用，欢迎<a href="//github.com/CorentinTh/it-tools/issues/new?assignees=CorentinTh&labels=enhancement&template=feature_request.md&title=%5BFEAT%5D%20My%20feature">在此</a>提交功能请求。
                </p>
            </v-col>
            <v-col cols="12" lg="6" md="12">
                <h2>发现错误？</h2>
                <p class="text-justify">
                    如果你发现了错误，或某些功能无法正常工作，请<a href="//github.com/CorentinTh/it-tools/issues/new?assignees=CorentinTh&labels=bug&template=bug_report.md&title=%5BBUG%5D%20My%20bug">在此</a>提交错误报告。
                </p>
            </v-col>
        </v-row>
    </div>
</template>

<script>
    export default {
        name: "Abstract",
        data: () => ({
            isMacOS: navigator.platform.toUpperCase().indexOf('MAC') >= 0
        })
    }
</script>

<style scoped lang="less">
    a {
        border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
        text-decoration: none;
        color: inherit !important;

        &:hover {
            color: #4CAF50 !important;
            border-bottom: 1px solid;
        }
    }
</style>